<template>
  <z-page-header
    style="border: 1px solid rgb(235, 237, 240)"
    title="Title"
    :breadcrumb="{ routes }"
    sub-title="This is a subtitle"
  />
</template>
<script>
import { defineComponent, ref } from 'vue'

export default defineComponent({
  name: 'PageHeaderDemo2',
  setup() {
    const routes = ref([
      {
        path: 'index',
        breadcrumbName: 'First-level Menu'
      },
      {
        path: 'first',
        breadcrumbName: 'Second-level Menu'
      },
      {
        path: 'second',
        breadcrumbName: 'Third-level Menu'
      }
    ])
    return {
      routes
    }
  }
})
</script>
